<template>
  <div class="tooltip_box">
    <!-- <div class="tooltip_content">温馨提示:亲,您尚未登录,无法订阅操作</div>
    <span class="dialog-footer">
      <el-button @click="cancel" type="primary">取消</el-button>
      <el-button @click="goLogin" type="success">马上去登录</el-button>
    </span> -->
    <div class="gou_bg">
      <img src="../../../static/image/gou.png" alt="" />
    </div>
    <div class="tip">
      <span class="title">关注成功</span>
      <span class="bd">只需要扫码关注公众号就可以享有手机实时信息推送哦</span>
    </div>
    <div class="gou_image">
      <img src="../../../static/image/erweima.png" alt="" />
    </div>
    <div class="gou_bt" @click="active">
      <button>我知道了</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isgoLogin: false,
    };
  },
  methods: {
    active() {
      this.$emit("isgoLogin", this.isgoLogin);
    },
    // goLogin() {
    //   this.$router.push("/login");
    //   this.$emit("isgoLogin", this.isgoLogin);
    // },
  },
};
</script>

<style lang="less" scoped>
.tooltip_box {
  padding: 20px 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: center;
  .gou_bg {
    width: 100px;
    height: 77px;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .tip {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    span.title {
      font-size: 18px;
      color: #000;
    }
    span.bd {
      color: #999999;
      font-size: 12px;
      margin: 10px auto;
    }
  }
  .gou_image {
    width: 160px;
    height: 160px;
    img {
      width: 100%;
      height: 100%;
    }
  }
  .gou_bt {
    width: 119px;
    height: 44px;
    border: 1px solid #daeaf5;
    margin: 10px auto;
    button {
      width: 100%;
      height: 100%;
      background-color: #f9fdff;
    }
  }

  // .tooltip_content {
  //   font-size: 14px;
  //   color: #000;
  //   margin-bottom: 60px;
  // }
  // span {
  //   display: flex;
  //   justify-content: space-around;
  //   align-items: center;
  // }
}
</style>
